<template>
    <div class="main">
      <!-- 头部导航栏 -->
      <head-component :noBack="false"  title="设置"/>

      <div class="help_con">
        <div class="help_list f32 col_33" @click="$router.push('/changePsd')"><p>修改密码</p><img src="@/common/icon/next.png" alt="" ></div>
        <div class="help_list f32 col_33" @click="$router.push('/renzheng')"><p>实名认证</p><img src="@/common/icon/next.png" alt="" ></div>
        <div class="help_list f32 col_33" @click="$router.push('/xieyi')"><p>用户协议</p><img src="@/common/icon/next.png" alt="" ></div>
        <div class="help_list f32 col_33" @click="$router.push('/complain')"><p>问题反馈</p><img src="@/common/icon/next.png" alt="" ></div>
      </div>

      <div class="exitBtn f32 col_33" @click="exit()">退出登录</div>
    </div>
</template>

<script>
import headComponent from '@/components/layout/head'
export default {
    name: "set.vue",
    methods:{
      exit(){
        localStorage.removeItem('uid');
        localStorage.removeItem('token');
        this.$router.push('/login');
      }
    },
   components: {
     headComponent
   },
}
</script>

<style scoped  lang="less">
  .layout-head{border-bottom: 0.02rem solid #f5f5f5;}
  .help_con{margin: 1.8rem auto 0;width: 92%;
    .help_list{
      overflow: hidden;
      margin-bottom: 0.86rem;
      p{float: left;}
      img{height: 0.5rem;float: right;margin-top: 0.04rem;}
    }
  }
  .exitBtn{width: 92%;height: 1.2rem;line-height: 1.2rem;text-align: center;background: #f5f5f5;border-radius: 0.16rem;
    margin: 0 auto;}
</style>
